<script type="text/javascript" src="<?php echo $this->webroot;?>js/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?php echo $this->webroot;?>js/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $this->webroot?>css/jquery.ui.datepicker.css">
<link rel="stylesheet" type="text/css" href="<?php echo $this->webroot?>css/jquery-ui.css">

<script type="text/javascript">
	
	$(document).ready(function(){
		$( ".datepicker" ).datepicker({
			changeMonth: true,
			changeYear: true,
			dateFormat: 'dd-mm-yy',
			dayNamesMin: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],
			monthNamesShort: ['Tháng 1','Tháng 2','Tháng 3','Tháng 4','Tháng 5','Tháng 6','Tháng 7','Tháng 8','Tháng 9','Tháng 10','Tháng 11','Tháng 12'],
			yearRange: (new Date().getFullYear()-10) + ':'+ (new Date().getFullYear() + 50)
		});
		$('#SELECT-type').change(function(){
			if($(this).val() == 'tieude' || $(this).val() == 'noidung' || $(this).val() == 'diachi'){
				$(".div_date").hide();
				$(".div_type_duan").hide();
				$("#INPUT-search").show();
			}else if($(this).val() == 'ngaydang'){
				$(".div_date").show();
				$(".div_type_duan").hide();
				$("#INPUT-search").hide();
			}else if($(this).val() == 'phanloai'){
				$(".div_date").hide();
				$(".div_type_duan").show();
				$("#INPUT-search").hide();
			}
		});
		$('select[name=vitrixh]').change(function(){
			$(this).parent().submit();
		});
		$('select[name=phanloai]').change(function(){
			$(this).parent().submit();
		});
		$('select[name=topbanner]').change(function(){
			$(this).parent().submit();
		});
		
		$('.phanloai').change(function(){
			if($(this).val()==0){
				$('.vtxh').show();
			}else{
				$('.vtxh').hide();
			}
		});
		/*$("#textarea").htmlarea({
                toolbar: ["html", "|",
                        "forecolor",  // <-- Add the "forecolor" Toolbar Button
                        "|", "bold", "italic", "underline", "|", "p", "h1", "h2", "h3", "|", "link", "unlink", "|", "image"] // Overrides/Specifies the Toolbar buttons to show
		});*/
		
		$("#PostAddProject").validate({ 
	        rules: { 
              "tieude":"required",
              "mota":"required",
              "ngayketthuc":"required",
              "hinhdaidien":"required",
              "phanloai":"required",
	        }, 
	        messages: { 
              "tieude": "Nhập tiêu đề bài viết",
              "mota": "Nhập nội dung mô tả",
              "ngayketthuc": "Nhập ngày kết thúc",
              "hinhdaidien": "Nhập hình đại diện",
              "phanloai": "Nhập phân loại",
	        } 
		});
	});	
	
</script>
<div id="content">
	
	<!-- Box -->
	<div class="box">
		<!-- Box Head -->
		<div class="box-head">
			<h2 class="left">Dự án</h2>
			<div class="right">
				<form method="post" action="admin_search">
				<label>Tìm kiếm dự án: </label>
				<input type="text" id="INPUT-search" name="inputsearch" class="field small-field" />
				<div class="div_type_duan" style="display: none;">
				<input type="radio" name="duantype" value="1" /> Dự án VIP <br />
				<input type="radio" name="duantype" value="0" /> Dự án thường
				</div>
				<div class="div_date" style="display: none;">
				<label>Từ ngày</label>
				<input type="text" name="fromdate" class="field small-field DATEINPUT datepicker" />
				<label>Đến ngày</label>
				<input type="text" name="todate" class="field small-field DATEINPUT datepicker" />
				</div>
				<select id="SELECT-type" name="type">
					<option value="tieude">Tiêu đề</option>
					<option value="noidung">Nội dung</option>
					<option value="diachi">Địa chỉ</option>
					<option value="phanloai">Phân loại</option>
					<option value="ngaydang">Ngày đăng</option>
				</select>
				<input type="submit" class="button" value="search" />
				</form>
			</div>
		</div>
		<!-- End Box Head -->	

		<!-- Table -->
		<div class="table">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<th width="13">STT</th>					
					<th width="10%"><?php echo $this->Paginator->sort('Tiêu đề', 'tieude');?></th>
					<th><?php echo $this->Paginator->sort('Vị trí xuất hiện','vitrixh');?></th>
					<th width="200"><?php echo $this->Paginator->sort('Địa chỉ','diachi');?></th>
					<th><?php echo $this->Paginator->sort('Phân loại','phanloai');?></th>
					<th><?php echo $this->Paginator->sort('Banner','topbanner');?></th>
					<th width="100"><?php echo $this->Paginator->sort('Ngày đăng','ngaydang');?></th>
					<th width="100"><?php echo $this->Paginator->sort('Ngày kết thúc','ngayketthuc');?></th>
					<th width="50" class="ac">Điều khiển</th>
				</tr>
				<?php
				$i = 0;
				$dem = 0;
				foreach ($duans as $duan):
					$class = null;
					if ($i++ % 2 == 0) {
						$class = ' class="altrow"';
					}
					$dem ++;
				?>
				<tr>
					<td><?php echo $dem;?></td>
					<td><h3><a href="#"><?php echo $duan['Duan']['tieude']; ?></a></h3></td>
					
					<?php if($duan['Duan']['phanloai'] == 0){?>
					<td>
						<form name="changevitrixh" id="changevitrixh" method="post" action="<?php echo $this->webroot;?>duans/change_vitrixh">
							<input type="hidden" name="idduan" value="<?php echo $duan['Duan']['id'];?>" />
							<?php if($duan['Duan']['vitrixh']>10){
								echo "<b>Ngoài top 10</b>";
							}?>
							<select name="vitrixh">
								<?php
									for($i=1; $i<=10; $i++){
										if($i==$duan['Duan']['vitrixh']){
											echo '<option selected value="'.$i.'">'.$i.'</option>';
										}else{
											echo '<option value="'.$i.'">'.$i.'</option>';
										}
									}
								?>
								
							</select>
						</form>
					</td>
					<?php }else{ ?>
					<td></td>
					<?php } ?>
					<td><?php echo $duan['Duan']['diachi']; ?></td>
					<td>
						<form id="phanloai" method="post" action="<?php echo $this->webroot;?>duans/phanloai">
						<input type="hidden" name="idduan" value="<?php echo $duan['Duan']['id'];?>" />
						<select name="phanloai">
						<?php
							for($i=0; $i<=1; $i++){
								if($i==$duan['Duan']['phanloai']){
									if($i==1){
										echo '<option selected value="'.$i.'">Dự án vip</option>';
									}else{
										echo '<option selected value="'.$i.'">Dự án thường</option>';
									}
								}else{
									if($i==1){
										echo '<option value="'.$i.'">Dự án vip</option>';
									}else{
										echo '<option value="'.$i.'">Dự án thường</option>';
									}
								}
							}
						?>
						</select>
						</form>
					</td>
					<td>
						<form id="top_banner" method="post" action="<?php echo $this->webroot;?>duans/change_topbanner">
						<input type="hidden" name="idduan" value="<?php echo $duan['Duan']['id'];?>" />
						<select name="topbanner">
						<?php
							for($i=0; $i<=1; $i++){
								if($i==$duan['Duan']['topbanner']){
									if($i==1){
										echo '<option selected value="'.$i.'">Banner</option>';
									}else{
										echo '<option selected value="'.$i.'">Không banner</option>';
									}
								}else{
									if($i==1){
										echo '<option value="'.$i.'">Banner</option>';
									}else{
										echo '<option value="'.$i.'">Không banner</option>';
									}
								}
							}
						?>
						</select>
						</form>
					</td>
					
					<td><?php echo $date = date('d-m-Y', strtotime($duan['Duan']['ngaydang']));?></td>
					<td><?php echo $date = date('d-m-Y', strtotime($duan['Duan']['ngayketthuc']));?></td>
					<td class="dieukhien"><?php echo $this->Html->link(__('Delete', true), array('action' => 'admin_delete', $duan['Duan']['id']), null, sprintf(__('Bạn chắc chắn muốn xóa dự án này?', true), $duan['Duan']['id'])); ?><?php echo $this->Html->link(__('Edit', true), array('action' => 'admin_edit', $duan['Duan']['id'])); ?></td>
				</tr>
				<?php endforeach; ?>
				
			</table>
			
			
			<!-- Pagging -->
			<div class="paging">
				<?php echo $this->Paginator->prev('<< ' . __('previous', true), array(), null, array('class'=>'disabled'));?>
			 | 	<?php echo $this->Paginator->numbers();?>
		 |
				<?php echo $this->Paginator->next(__('next', true) . ' >>', array(), null, array('class' => 'disabled'));?>
			</div>
			<!--<div class="pagging">
				<div class="left">Showing 1-12 of 44</div>
				<div class="right">
					<a href="#">Previous</a>
					<a href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">245</a>
					<span>...</span>
					<a href="#">Next</a>
					<a href="#">View all</a>
				</div>
			</div>-->
			<!-- End Pagging -->
			
		</div>
		<!-- Table -->
		
	</div>
	<!-- End Box -->
	
	<!-- Box -->
	<div class="box">
		<!-- Box Head -->
		<div class="box-head">
			<h2>Thêm dự án</h2>
		</div>
		<!-- End Box Head -->
		
		<form id="PostAddProject" method="post" enctype="multipart/form-data" action="<?php echo $this->webroot;?>duans/admin_add">
			
			<!-- Form -->
			<div class="form">
					<p>
						<label>Tên dự án <span class="require-field">(*)</span></label>
						<input class="field size1"  type="text" name="tieude"/>
					</p>
					<p>
						<label>Mô tả <span class="require-field">(*)</span></label>
						<textarea id="textarea_mota" class="field size1"  rows="10" cols="30" name="mota"></textarea>
					</p>
					<p>
						<label>Nội dung</label>
						<textarea id="textarea" class="field size1"  rows="10" cols="30" name="noidung"></textarea>
					</p>
					<p>
						<label>Chủ đầu tư</label>
						<input class="field size1"  type="text" name="chudautu"/>
					</p>
					<p>
						<label>Số điện thoại liên lạc</label>
						<input class="field size1"  type="text" name="sdtlienlac"/>
					</p>
					<p>
						<label>Ngày kết thúc <span class="require-field">(*)</span></label>
						<input class="field size1 datepicker"  type="text" name="ngayketthuc"/>
					</p>
					<p>
						<label>Hình đại diện <span class="require-field">(*)</span></label>
						<input class="field size1"  type="file" name="hinhdaidien" />
					</p>
					<p>
						<label>Địa chỉ</label>
						<input class="field size1"  type="text" name="diachi"  />
					</p>
					<p>
						<label>Phân loại <span class="require-field">(*)</span></label>
						<select name="phanloai" class="phanloai">
							<option selected="selected" value="0">Dự án thường</option>
							<option value="1">Dự án vip</option>
						</select>
					</p>
					<p>
						<label>Xuất hiện trên banner <span class="require-field">(*)</span></label>
						<select name="topbanner">
							<option selected="selected" value="0">Không banner</option>
							<option value="1">Banner</option>
						</select>
					</p>
					<p class="vtxh">
						<label>Vị trí xuất hiện</label>
						<select name="vitrixh">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
						</select>
					</p>
						
			</div>
			<!-- End Form -->
			
			<!-- Form Buttons -->
			<div class="buttons">				
				<input type="submit" class="button" value="Đăng dự án" />
			</div>
			<!-- End Form Buttons -->
		</form>
	</div>
	<!-- End Box -->

</div>